<template>
  <div class="box">
    <img src="../../assets/imgs/404.png" alt="#" />
    <button @click="goHome">首页</button>
  </div>
</template>

<script setup lang="ts" name="">
  //#region 引入组件
  import { useRouter } from "vue-router";
  //#endregion

  let $router = useRouter();
  const goHome = () => {
    $router.push("/home");
  };
</script>

<style scoped lang="scss">
  .box {
    width: 100vw;
    height: 100vh;
    background: yellowgreen;
    display: flex;
    justify-content: center;
    img {
      width: 800px;
      height: 400px;
    }
    button {
      width: 50px;
      height: 50px;
    }
  }
</style>
